import type { Style } from "./theme.types";

export const style: Style = {
    default: {
        name: "默认菜单风格",
        menu: {
            textColor: "#bfcbd9",
            background: "#181f31",
            childrenBackground: "#1f2d3d",
            hoverBackground: "#203448",
            submenuActiveColor: "#fff"
        },
        logo: {
            color: "#f1f1f1",
            background: "#263445"
        },
        header: {
            background: "#fff",
            textColor: "#303133",
            itemHoverColor: "rgba(0,0,0,.06)",
            breadcrumbTextColor: "#606266",
            borderColor: "#d8dce5",
            tabBackground: "#fff"
        },
        container: {
            background: "#f0f2f5",
            mainBackground: "#fff"
        },
        page: {
            background: "#fff",
            color: "#303133",
            tipColor: "rgba(0, 0, 0, 0.45)",
            borderColor: "#ebeef5"
        }
    },
    light: {
        name: "亮色菜单风格",
        menu: {
            textColor: "#272727",
            background: "#fff",
            childrenBackground: "#fff",
            hoverBackground: "#f1f1f1",
            submenuActiveColor: "var(--system-primary-color)"
        },
        logo: {
            color: "#000",
            background: "#fff"
        },
        header: {
            background: "#fff",
            textColor: "#303133",
            itemHoverColor: "rgba(0,0,0,.025)",
            breadcrumbTextColor: "#606266",
            borderColor: "#d8dce5",
            tabBackground: "#fff"
        },
        container: {
            background: "#f0f2f5",
            mainBackground: "#fff"
        },
        page: {
            background: "#fff",
            color: "#303133",
            tipColor: "rgba(0, 0, 0, 0.45)",
            borderColor: "#ebeef5"
        }
    },
    chinese: {
        name: "中国水墨风",
        menu: {
            textColor: "#c7c7c7",
            background: "#232323",
            childrenBackground: "#292929",
            hoverBackground: "#1d1d1d",
            submenuActiveColor: "var(--system-primary-color)"
        },
        logo: {
            color: "#fff",
            background: "#232323"
        },
        header: {
            background: "#f1f0ed",
            textColor: "#303133",
            itemHoverColor: "rgba(0,0,0,.025)",
            breadcrumbTextColor: "#606266",
            borderColor: "#d8dce5",
            tabBackground: "rgba(216, 216, 216, 0.51)"
        },
        container: {
            background: "rgba(255, 255, 255, 0.92)",
            mainBackground: "rgba(255, 255, 255, 0.92)"
        },
        page: {
            background: "rgba(255, 255, 255, 0.92)",
            color: "#303133",
            tipColor: "rgba(0, 0, 0, 0.45)",
            borderColor: "#ebeef5"
        }
    },
    dark: {
        name: "暗色菜单风格",
        menu: {
            textColor: "#bbb",
            background: "#18181c",
            childrenBackground: "#18181c",
            hoverBackground: "#000",
            submenuActiveColor: "#fff"
        },
        logo: {
            color: "#fff",
            background: "#18181c"
        },
        header: {
            background: "#18181c",
            textColor: "#e3e3e4",
            itemHoverColor: "#000",
            breadcrumbTextColor: "#fff",
            borderColor: "#3e3e3e",
            tabBackground: "#1b1b1b"
        },
        container: {
            background: "#000",
            mainBackground: "#18181c"
        },
        page: {
            background: "#18181c",
            color: "#c7c7c7",
            tipColor: "rgba(255, 255, 255, 0.45)",
            borderColor: "#3e3e3e"
        }
    }
};
